<nav class="container">
    <div class="row">
        <div class="col-md mx-auto">
            <nav class="navbar">
                    <a class="navbar-brand" href="{{.Site.Root}}/">{{.Site.Title}}</a>
                <ul class="nav justify-content-end">
                    <li class="nav-item ">
                        <a class="nav-link " href="{{.Site.Root}}/">{{i18n "home"}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{.Site.Root}}/archive.html">{{i18n "archive"}}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{.Site.Root}}/tag.html">{{i18n "tag"}}</a>
                    </li>
                    <li class="nav-item">
                        <a  class="nav-link" href="{{.Site.Root}}/about.me.html">{{i18n "abo"}}</a>
                    </li>
                </ul>
            </nav>
        </div> 
    </div>
</nav>
